
  

  
  

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    --neutral-0: #161616;
--neutral-1: #202020;
--neutral-2: #646464;
--neutral-3: #838383;
--neutral-4: #8D8D8D;
--neutral-5: #BBBBBB;
--neutral-6: #CECECE;
--neutral-7: #D9D9D9;
--neutral-8: #E0E0E0;
--neutral-9: #E8E8E8;
--neutral-10: #F0F0F0;
--neutral-11: #F9F9F9;
--neutral-12: #FCFCFC;
--white: #ffffff;
--brand-1: #121211;
--brand-2: #1B1A17;
--brand-3: #24231F;
--brand-4: #2D2B26;
--brand-5: #38352E;
--brand-6: #444039;
--brand-7: #544F46;
--brand-8: #696256;
--brand-9: #978365;
--brand-10: #A39073;
--brand-11: #CBB99F;
--brand-12: #E8E2D9;
--success-1: #0D1514;
--success-2: #111C1B;
--success-3: #0D2D2A;
--success-4: #023B37;
--success-5: #084843;
--success-6: #145750;
--success-7: #1C6961;
--success-8: #207E73;
--success-9: #12A594;
--success-10: #0EB39E;
--success-11: #0BD8B6;
--success-12: #ADF0DD;
--warning-1: #16120C;
--warning-2: #1D180F;
--warning-3: #302008;
--warning-4: #3F2700;
--warning-5: #4D3000;
--warning-6: #5C3D05;
--warning-7: #714F19;
--warning-8: #8F6424;
--warning-9: #FFC53D;
--warning-10: #FFD60A;
--warning-11: #FFCA16;
--warning-12: #FFE7B3;
--critical-1: #191113;
--critical-2: #1E1517;
--critical-3: #3A141E;
--critical-4: #4E1325;
--critical-5: #5E1A2E;
--critical-6: #6F2539;
--critical-7: #883447;
--critical-8: #B3445A;
--critical-9: #E54666;
--critical-10: #EC5A72;
--critical-11: #FF949D;
--critical-12: #FED2E1;
--overlay-a1: #ffffff0d;
--overlay-a2: #ffffff1a;
--overlay-a3: #ffffff26;
--overlay-a4: #ffffff33;
--overlay-a5: #ffffff4d;
--overlay-a6: #ffffff66;
--overlay-a7: #ffffff80;
--overlay-a8: #ffffff99;
--overlay-a9: #ffffffb3;
--overlay-a10: #ffffffcc;
--overlay-a11: #ffffffe6;
--overlay-a12: #fffffff2;
--overlay-inverted-a1: #0000000d;
--overlay-inverted-a2: #0000001a;
--overlay-inverted-a3: #00000026;
--overlay-inverted-a4: #00000033;
--overlay-inverted-a5: #0000004d;
--overlay-inverted-a6: #00000066;
--overlay-inverted-a7: #00000080;
--overlay-inverted-a8: #00000099;
--overlay-inverted-a9: #000000b3;
--overlay-inverted-a10: #000000cc;
--overlay-inverted-a11: #000000e6;
--overlay-inverted-a12: #000000f2;
--Orange: #d9470f;
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--font-figtree: 'Figtree',sans-serif;
--font-instrumentserif: 'Instrument Serif',serif;
--font-sourcecodepro: 'Source Code Pro',monospace;
--font-dmmono: 'DM Mono',monospace;
--font-ptmono: 'PT Mono',monospace;
--font-bmono: 'B612 Mono',monospace;
--font-firamono: 'Fira Mono',monospace;
--font-inter: 'Inter',sans-serif;

    /* Font size */
    --text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-md: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
    /* Font weight */
    --light: 300;
--normal: 400;
--medium: 500;
--semi: 600;
--bold: 700;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --rounding-none: 0px;
--rounding-sm: 2px;
--rounding-md: 4px;
--rounding-lg: 8px;
--rounding-full: 100vw;
--border-none: 0px;
--border-md: 1px;
--border-lg: 2px;
--line-height-xs: 1.125rem;
--line-height-sm: 1.25rem;
--line-height-md: 1.5rem;
--line-height-lg: 1.75rem;
--line-height-xl: 1.875rem;
--line-height-2xl: 2rem;
--line-height-3xl: 2.375rem;
--line-height-4xl: 2.75rem;
--line-height-5xl: 3.75rem;
--line-height-6xl: 4.5rem;
--letter-spacing-xs: 0rem;
--letter-spacing-sm: 0rem;
--letter-spacing-md: 0rem;
--letter-spacing-lg: 0rem;
--letter-spacing-xl: 0rem;
--letter-spacing-2xl: 0rem;
--letter-spacing-3xl: 0rem;
--letter-spacing-4xl: -0.045rem;
--letter-spacing-5xl: -0.0575rem;
--letter-spacing-6xl: -0.075rem;
--interactive-height-sm: 2rem;
--interactive-height-md: 2.5rem;
--interactive-height-lg: 3rem;
--toggle-height-md: 1.5rem;
--spinner-size-sm: 1.25rem;
--spinner-size-md: 1.5rem;
--spinner-size-lg: 1.75rem;
--side-menu-width: 240px;
--header-height: 4.5rem;
--avatar-size-sm: 1.5rem;
--avatar-size-md: 2rem;
--avatar-size-lg: 3rem;
--badge-size-sm: 1.5rem;
--badge-size-md: 2rem;
--badge-size-lg: 2.5rem;
--container-main: 90rem;
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .drdqli {
    flex:;
  color:var(--brand-1);
  width:100%;
  background: #f2f2f2;
  min-height:100%;
  font-family:Inter;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dDSJMs {
    width:100%;
  margin-top:4rem;
  }
      

      
        
      
      
  .cvZzss {
    gap:.5rem;
  color:#000000;
  z-index:10;
  flex-direction:row;
  }
      

      
        
      
      
  .cbdIN {
    width:100%;
  background:;
  align-items:center;
  padding-top:3rem;
  padding-bottom:3rem;
  justify-content:start;
  }
      

      
        
      
      
  .Blog-Page\:55zS5uAWgfn3Seb63sTZG {
    padding-top:4rem;
  padding-bottom:6rem;
  border-bottom-color:var(--neutral-8);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .bhkjdQ {
    color:inherit;
  height:fit-content;
  opacity:0;
  font-size:inherit;
  translate:0 1rem;
  transition:opacity 300ms ease var(--delay) normal, translate 300ms ease var(--delay) normal;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
  .bhkjdQ.loaded {
    opacity:1;
  translate:0 0rem;
  }
      

        
      
      
  .Blog-Page\:7GC64Z2DRcM5YGwzh8TMo {
    width:100%;
  margin-bottom:2rem;
  }
      

      
        
      
      
  .bOoNnH {
    font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  padding-right:.5rem;
  }
      

      
        
      
      
  .dllbzs {
    width:100%;
  height:100%;
  max-width:64rem;
  align-items:center;
  padding-left:1rem;
  padding-right:1rem;
  justify-content:start;
  }
      

      
        
      
      
  .Blog-Page\:9ItBGPVKbmQoRWm6ilkW1 {
    gap:2rem;
  max-width:46rem;
  align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  .euFIUJ {
    color:#dedede;
  width:100%;
  height:100%;
  display:flex;
  position:absolute;
  font-size:clamp(3px, 0.42vw, 3px);
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:center;
  font-family:PT Mono;
  line-height:1;
  white-space:pre;
  justify-content:center;
  }
      

      
        
      
      
  .cCKrAQ {
    color:inherit;
  font-size:inherit;
  text-align:left;
  font-family:inherit;
  font-weight:inherit;
  white-space:pre;
  text-overflow:inherit;
  }
      

      
        
      
      
  .Blog-Page\:9XMnUTwizGm7B1ANrP_5J {
    top:0px;
  left:0px;
  color:#0a0a0a;
  right:0px;
  bottom:0px;
  display:flex;
  opacity:.35;
  position:absolute;
  font-size:clamp(3px, 0.42vw, 1000px);
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .CtiKw {
    gap:.5rem;
  color:#000000;
  z-index:10;
  background:#f2f2f2;
  padding-top:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  flex-direction:row;
  padding-bottom:.5rem;
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem;
  border-bottom-left-radius:.5rem;
  border-bottom-right-radius:.5rem;
  }
      

      
        
      
      
  .Blog-Page\:A8KXMe_LOv7uFAulGGuxs {
    flex:1;
  padding-top:3rem;
  }
      

      
        
      
      
  .eIJURw {
    flex-wrap:wrap;
  font-size:clamp(2rem, calc(1rem + 3vw), 4.2rem);
  font-family:Inter;
  font-weight:var(--semi);
  line-height:90%;
  white-space:normal;
  letter-spacing:-3px;
  text-transform:uppercase;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cPkyMc {
    margin-top:-3px;
  }
      

      
        
      
      
  .Blog-Page\:Hiqu2kZ2wrWdfsE_O9Lc5 {
    display:none;
  margin-bottom:3rem;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dakYmV {
    gap:.5rem;
  }
      

      
        
      
      
  .dsoufn {
    color:#000000;
  opacity:1;
  font-size:var(--text-sm);
  }
      

      
        
      
      
  .cCYXsI {
    width:100%;
  }
      

      
        
      
      
  .dKuZci {
    gap:1rem;
  z-index:5;
  flex-direction:column;
  }
      

      
        
      
      
  .Blog-Page\:_DSQVTnlesrzwQK1sqxr4 {
    max-width:46rem;
  }
      

      
        
      
      
  .coWOAi {
    color:inherit;
  }
      

      
        
      
      
  .cEqiJL {
    display:inline-block;
  }
      

      
        
      
      
  .cyGBWU {
    font-size:var(--text-2xl);
  font-family:Inter;
  font-weight:var(--medium);
  line-height:110%;
  white-space:normal;
  }
      

      
        
      
      
  
      

      
        
      
      
  .etMUCL {
    width:100%;
  display:flex;
  align-items:flex-start;
  font-weight:var(--font-weight-regular);
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dyoZJE {
    width:110%;
  height:75vh;
  object-fit:cover;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eiDkbc {
    align-items:center;
  font-weight:var(--font-weight-regular);
  margin-left:1rem;
  flex-direction:row;
  }
      

      
        
      
      
  .cOaYiP {
    display:inline;
  line-height:135%;
  overflow-wrap:break-word;
  }
      

      
  .cOaYiP.bold {
    font-weight:700;
  }
      


  .cOaYiP.italic {
    font-style:italic;
  }
      


  .cOaYiP.underline {
    text-decoration-line: underline;
  }
      


  .cOaYiP.strikethrough {
    text-decoration-line: line-through;
  }
      

        
      
      
  
      

      
        
      
      
  .raHEd {
    font-size:var(--text-4xl);
  font-family:Inter;
  font-weight:var(--semi);
  line-height:110%;
  white-space:normal;
  text-transform:uppercase;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bonVTf {
    align-items:center;
  justify-content:start;
  }
      

      
        
      
      
  .dxLMqm {
    color:var(--brand-10);
  display:inline-block;
  white-space:normal;
  }
      

      
        
      
      
  .ss-blog-block-2\:vPXR9KE0c246LOGTao6gT {
    flex-wrap:wrap;
  max-width:calc(100% - 24px);
  }
      

      
        
      
      
  
      

      
        
      
      
  .ss-blog-block-2\:z3e1uvOJxQ-Zb1VHv1QRV {
    max-width:calc(100% - 24px);
  padding-top:-3px;
  padding-bottom:-3px;
  }
      

      
        
      
      
  .Blog-Page\:e-a30Fb0gAtOk65_2CSsn {
    width:100%;
  }
      

      
        
      
      
  .brcVsO {
    width:100%;
  overflow-x:hidden;
  overflow-y:hidden;
  aspect-ratio:16/9;
  }
      

      
        
      
      
  .fvjmCN {
    font-size:var(--text-2xl);
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .dkXksj {
    gap:1rem;
  width:100%;
  }
      

      
        
      
      
  .fhKzFY {
    width:100%;
  opacity:1;
  z-index:1;
  object-fit:cover;
  align-items:start;
  aspect-ratio:16/9;
  justify-content:center;
  }
      

      
        
      
      
  .Blog-Page\:zJxzY57yDrGsbFn2PiY16 {
    width:100%;
  margin-bottom:2rem;
  }
      

      
        
      